/*
 * form.css   表单样式
 *
 */
 

/* 表单 */
.input-placeholder,
.textarea-placeholder{
	color:#D0D0D0;
}
.detail-wrap{
	background: #fff; 
	border-bottom:2rpx solid #eee;
}
.detail-wrap .detail-item{
	display: flex; 
	padding:15rpx 0;
	margin-left:2%;
	border-bottom:2rpx solid #eee;
}
.detail-wrap .detail-item:last-child{
	border-bottom: 0 none;
} 
 
.detail-item .label{
	display: flex;
	width:30%;  
	height:60rpx;
	line-height: 60rpx;
	flex-shrink: 0;
	color:#000;
	font-size: 30rpx; 
} 
.detail-item .icon{
	flex-shrink: 0;
	width:60rpx;
	height:60rpx;
	text-align: center;
	line-height: 60rpx;
	color:#000;
}
.detail-item .icon .iconfont{ 
}
.detail-item .icon image{
	width:60%;
	vertical-align: middle;
}

/* 单行 */ 
.detail-item .detail-input{
	display: flex;
	align-items: center;
	flex-grow: 2; 
	min-height: 60rpx;
} 
.detail-input .content{
	flex-grow: 2;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 10rpx;
	max-width: 98%;
}
.detail-input .content .val{
	flex-grow: 2; 
	font-size: 30rpx;
}
.detail-input .content .link{
	font-size: 30rpx; 
}
/* 单行 */  

/* 多行 */  
.detail-textarea{ 
	padding:10rpx 0;
	font-size: 30rpx;
	color:#666;
}
.detail-textarea .content{
	padding:0 20rpx 0 0;
}
/* 多行 */  

/* 胶囊开关 */ 
.detail-switch{
	display: flex;
	align-items: center;
	flex-grow: 2;
	justify-content: flex-end;
}
.detail-switch .switch-name{
	line-height: 65rpx;
	font-size: 30rpx;
}
.detail-switch switch{
	width:auto;
	transform: scale(0.6); 
	margin-right: -10rpx;
}
.detail-switch .state{
	margin-right: 20rpx;
	font-size: 30rpx;
}
/* 胶囊开关 */ 

/* 下拉 */ 
.detail-picker{
	flex-grow: 2;
	width:100%;
}
.detail-picker .picker{
	display: flex;
	width:100%;
	justify-content: space-between;
	align-items: center;
}
.detail-picker .picker .select-data{
	flex-grow: 2;
	height:60rpx;
	line-height: 60rpx;
	font-size: 30rpx; 
}
/* 下拉 */ 

/* radio */
.detail-radio{
	display: flex;
	align-items: center;
	height:60rpx;
}
.detail-radio .radio-item{
	height:60rpx;
	margin-right: 20rpx;
}
.detail-radio .radio-item text{
	display: inline-block;
	line-height: 60rpx;
	margin-right: 10rpx;
	font-size: 30rpx;
}
.detail-radio .radio-item .radio{
	position: relative;
	top:-5rpx;
	transform: scale(0.7);
	color:#0085FF;
}

.form-radio{
	display: flex;
	align-items: center;
	height:60rpx;
}
.form-radio .radio-item{
	height:60rpx;
	margin-right: 20rpx;
}
.form-radio .radio-item text{
	display: inline-block;
	line-height: 60rpx;
	margin-right: 10rpx;
	font-size: 30rpx;
}
.form-radio .radio-item .radio{
	position: relative;
	top:-5rpx;
	transform: scale(0.7);
	color:#0085FF;
}
/* radio */

/* 图片列表 */
.detail-pic-item{
	padding:20rpx;
}
.detail-pic-item .label{ 
	margin-bottom: 20rpx; 
	font-size: 30rpx;
	color:#000;
}
.detail-pic{
	display: flex;
	flex-wrap: wrap;
	flex-wrap: wrap;
}
.pic-item{
	position: relative;
	width: calc(calc(100% / 3.4));
	margin:0 20rpx 20rpx 0;
	border:2rpx solid #eee; 
}
.pic-item .img-wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow: hidden;
}
/* 图片列表 */

/*表单*/ 
.form-wrap{
	background: #fff;  
}
.form-wrap .form-item{
	display: flex; 
	padding:18rpx 0;
	margin-left:2%;
	border-bottom:2rpx solid #eee;
}
.form-wrap .form-item:last-child{
	border-bottom: 0 none;
} 
 
.form-wrap .label{
	display: flex;
	width:30%;  
	line-height: 60rpx;
	flex-shrink: 0;
	color:#000;
	font-size: 32rpx;  
} 
.form-wrap .icon{
	flex-shrink: 0;
	width:60rpx;
	height:60rpx;
	text-align: center;
	line-height: 60rpx;
	color:#666;
	font-size: 68rpx;  
}
.form-wrap .icon .iconfont{
	 
}

.form-input{
	position: relative;
	flex-grow: 2;
	padding-right:20rpx;
}
.form-input .content{
	position: relative;
	display: flex;
	justify-content: space-between; 
}
.form-input .content .inp{
	flex-grow: 2; 
}
.form-input .content .link{ 
	flex-shrink: 0;
	font-size: 32rpx;
	line-height: 60rpx; 
}
.form-input .cache-list{
	position: absolute;
	left:0;
	top:70rpx;
	z-index: 100;
	width: 98%; 
	background: #FFFFFF;
	border: 1rpx solid #eee;
	border-radius: 8rpx;
}
.form-input .cache-list .item{
	padding-left:20rpx;
	line-height: 70rpx;
	font-size: 30rpx;
	color:#333;
}
.form-input .inp{
	height: auto;
	width: 100%;
	min-height:60rpx;
	font-size: 32rpx; 
}

.form-picker{
	/* flex-grow: 2; */
	width:100%; 
}
.form-picker .picker{
	flex-grow: 1;
	display: flex;
	width:98%;
	justify-content: space-between;
	align-items: center; 
}
.form-picker .picker .select-data{
	flex-grow: 2;
	height:60rpx;
	line-height: 60rpx;
	font-size: 30rpx;
	flex-shrink: 0;
}
.form-textarea-item{
	overflow: auto;
}
.form-textarea-item .label{
	margin: 20rpx;
}
.form-textarea{
	flex-grow: 2;
	padding:5rpx 20rpx;
	margin-bottom: 20rpx;
}
.form-textarea .inp-textarea{ 
	width:100%;
	font-size: 30rpx;
}

.check-item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20rpx 10rpx;
	margin-left:20rpx;
	border-bottom: 1rpx solid #eee;
}
.check-item .text{
	font-size: 30rpx;
}
.check-item .radio{
	position: relative; 
	transform: scale(0.7);
	color:#f00;
}

/* 上传图片 */
.upload-pic-item{
	padding:20rpx 20rpx 0;
}
.upload-pic-item .label{
	width: 100%!important;
	margin-bottom: 20rpx;
	font-size: 32rpx;
}
.form-upload-pic{
	display: flex;
	flex-wrap: wrap;  
}
.form-upload-pic .img-item{
	position: relative;
	width:30%; 
	margin:0 18rpx 20rpx 0;
	border:2rpx solid #eee; 
}
.form-upload-pic .img-wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow: hidden;
}
.form-upload-pic .img-item image{
	width: 100%;
}
.form-upload-pic .img-item .img-wrap .loading{
	width: 20%;
}
.form-upload-pic .img-item .del-icon{
	position: absolute;
	left:0;
	bottom:0;
	z-index: 100;
	width:100%;
	height:40rpx;
	text-align: center;
	line-height: 40rpx;
	background: rgba(0,0,0,.6);
	color:#fff;
}
.form-upload-pic .img-item .loading-img{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	display: flex;
	align-items: center;
	justify-content: center;
}
 
.upload-pic-tips{
	margin-bottom: 20rpx; 
	font-size: 28rpx;
	color:#999;
}
/* 上传图片 end*/


/* 按钮 */ 
.form-lay-btn{ 
	width: 98%;
	margin: 10rpx auto;
	text-align: center;
	height: 80rpx;
	line-height: 80rpx;
	background: linear-gradient(#e96b5c, #ce3c2f);
	border-radius: 10rpx;
	color: #fff;
	font-size: 34rpx;
}

.btn-wrap{
	display: flex;
}
.btn-wrap .flex-grow-1{
	flex-grow: 1;
}
.btn-wrap .item-column{
	height: 80rpx; 
	margin: 10rpx 10rpx;
	border-radius: 15rpx;
	color:#fff;
	font-size: 32rpx;
	text-align: center;
}
.btn-wrap .item-column .icon{
	margin:2rpx 0 0 0;
}

.btn-wrap .item-horizontal{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80rpx;
	line-height: 80rpx;
	margin: 10rpx 10rpx;
	text-align: center; 
	border-radius: 15rpx;
	color:#fff;
	font-size: 32rpx;
}
.btn-wrap .item-horizontal .icon{
	margin:1rpx 10rpx 0 0;
}
.btn-wrap .blue{
	background: linear-gradient(#45bfff, #0793fe);
}
.btn-wrap .red{
	background: linear-gradient(#e96b5c, #ce3c2f);
}
.btn-wrap .grey{
	background: #ccc;
}









